<template>
	<view style="display: flex; width: 95%; margin: 20rpx auto; flex-wrap: wrap;">
		
		<view style="text-align: left; margin-left: 15rpx; flex: 1;">
			<text style="display: block; margin: 15rpx 0; line-height: 60rpx; font-size: 40rpx; font-weight: 800;">
				{{item.procData.nickName}}
			</text>
			<text style="color: #888888;">
				{{item.procData.applyImmTime.slice(0,10)}}
			</text>
		</view>
		<view class="choice" style="flex: 2; margin-top: 10rpx; display: flex;">
			<view style="margin: auto;" class="flex1">
				<butt @clickButt="toDetail" :content="level == 2?'审核':'详情'"></butt>
			</view>
			<view v-if="level == 300000000" style="margin: auto;" class="flex1">
				<butt @clickButt="toSchedule" content="进度"></butt>
			</view>
		</view>
		<cross-line style="width: 750rpx;"></cross-line>
	</view>
</template>
<script>
	import butt from '@/components/ui/myButt.vue'
	import crossLine from '@/components/ui/tg-cross-line.vue'
	export default {
		components: {
			butt,
			crossLine
		},
		data() {
			return {

			}
		},
		props:{
			level:{
				type:Number,
				default:3
			},
			item:{
				
			}
		},
		methods: {
			toDetail(e){
				var item = this.item.procData
				console.log(this.item)
				this.$utiltg.navigateTo(`/pages/index/outRecord/detail`,`?item=${JSON.stringify({
					name:item.nickName,
					gender:item.gender,
					idCard:item.nickName,
					phone:item.cardNo,
					nation:item.nation,
					immigrationName:item.immigration_name,
					huji:item.userPlace,
					immigrationTime:item.applyImmTime,
					immiProvince:item.immi_province == 0 ?'是':'不是',
					imgUrl:item.residence_photo,
					pid:this.item.processId,
					dept:item.immigration_dept,
					state:this.item.processState
				})}&lv=${this.level}`)
			},
			toSchedule(){
				this.$emit('progress',{item:this.item})
				// this.$utiltg.navigateTo(`/pages/index/outRecord/schedule`) 
			}
		}
	}
</script>
<style scoped>
	.choice::before {
		content: "";
		display: block;
		flex: 0.8;
		height: 1rpx;
	}
</style>
